*{margin:0;padding:0;box-sizing:border-box}div.row{--bs-gutter-x:0rem}body{font-family:Verdana, Geneva, Tahoma, sans-serif}a{text-decoration:none!important}#link{margin-top:5px}.container-banner{background-image:url("_teamKSA.jpg");height:100vh;background-size:cover;background-position:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center;text-align:center}#idea{font-weight:900;font-size:4vw}#link-1{color:#fff}#h1{margin-right:100px;margin-top:100px}@media screen and (max-width:768px){#h1{margin:0}}.hr{height:3px;width:6%;background-color:#f7c51e;margin:50px auto 0}@media (max-width:1760px){.hr{margin:50px auto 0}}#h6{margin-top:50px;color:#fff}.img-img,.img-img-10,.img-img-11,.img-img-12,.img-img-2,.img-img-3,.img-img-4,.img-img-5,.img-img-6,.img-img-7,.img-img-8,.img-img-9{display:block;width:100%}.img-overlay,.img-overlay-2,.img-overlay-3{position:absolute;margin-top:-300px;margin-left:20px;width:375px;height:250px;background:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.img-overlay-blur,.img-overlay-blur-11,.img-overlay-blur-12,.img-overlay-blur-2,.img-overlay-blur-3{backdrop-filter:blur(5px)}.img-overlay-10>*,.img-overlay-11>*,.img-overlay-12>*,.img-overlay-2>*,.img-overlay-3>*,.img-overlay-4>*,.img-overlay-5>*,.img-overlay-6>*,.img-overlay-7>*,.img-overlay-8>*,.img-overlay-9>*,.img-overlay>*{transform:translateY(20px);transition:transform .25s}.img-overlay-11:hover,.img-overlay-12:hover,.img-overlay-2:hover,.img-overlay-3:hover,.img-overlay:hover{opacity:1;transform:translateY(0)}.img-title,.img-title-10,.img-title-11,.img-title-12,.img-title-2,.img-title-3,.img-title-4,.img-title-5,.img-title-6,.img-title-7,.img-title-8,.img-title-9{font-size:2em;font-weight:700}.img-des,.img-des-10,.img-des-11,.img-des-12,.img-des-2,.img-des-3,.img-des-4,.img-des-5,.img-des-6,.img-des-7,.img-des-8,.img-des-9{font-size:1.25em;margin-top:.25em}@media (max-width:1366px){.img-overlay,.img-overlay-2{margin-left:85px}@media (max-width:1152px){.img-overlay,.img-overlay-2{margin-left:40px}@media (max-width:1024px){.img-overlay,.img-overlay-2{margin-left:27px}}@media (max-width:800px){.img-overlay-2{margin-left:142px}}}@media (max-width:800px){.img-overlay{margin-left:142px}}.img-overlay-3{margin-left:370px}}.img-overlay-10,.img-overlay-11,.img-overlay-12,.img-overlay-4,.img-overlay-5,.img-overlay-6,.img-overlay-7,.img-overlay-8,.img-overlay-9{position:absolute;margin-top:-300px;margin-left:20px;width:375px;height:250px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}@media (max-width:1152px){.img-overlay-3,.img-overlay-8{margin-left:280px}@media (max-width:1024px){.img-overlay-3{margin-left:254px}}@media (max-width:800px){.img-overlay-3{margin-left:142px}}}@media (max-width:1024px){.img-overlay-8{margin-left:40px}}@media (max-width:800px){.img-overlay-8{margin-left:160px}}@media (min-width:800px){.hr-4{margin-left:18px;width:92%}}@media (max-width:1366px){.img-overlay-4,.img-overlay-5{margin-left:85px}.img-overlay-10,.img-overlay-11,.img-overlay-12,.img-overlay-6,.img-overlay-7,.img-overlay-9{margin-left:370px}@media (max-width:1152px){.img-overlay-4,.img-overlay-5{margin-left:40px}.img-overlay-10,.img-overlay-11,.img-overlay-12,.img-overlay-6,.img-overlay-7,.img-overlay-9{margin-left:280px}}@media (max-width:1024px){.img-overlay-4,.img-overlay-5{margin-left:27px}.img-overlay-6{margin-left:254px}.img-overlay-10,.img-overlay-11,.img-overlay-7{margin-left:40px}.img-overlay-12,.img-overlay-9{margin-left:280px}}@media (max-width:800px){.img-overlay-4,.img-overlay-5,.img-overlay-6{margin-left:142px}.img-overlay-10,.img-overlay-11,.img-overlay-12,.img-overlay-7,.img-overlay-9{margin-left:160px}}@media (min-width:800px){.hr-4{margin-left:18px;width:92%}}#ks-transparent{width:400px}.navbar-nav .nav-link{padding:8px;font-size:.9rem}}#clients,.more-details{display:block;margin-left:auto;margin-right:auto}#clients{margin-top:125px;max-width:100%;height:auto}@media (orientation:portrait){#ks{margin-top:0}.img-overlay,.img-overlay-2,.img-overlay-3,.img-overlay-4,.img-overlay-5,.img-overlay-6{margin-left:2px;width:300px}.img-overlay-10,.img-overlay-11,.img-overlay-12,.img-overlay-7,.img-overlay-8,.img-overlay-9{margin-left:30px;width:300px}#clients{width:90%}}@media (min-width:768px) and (max-width:1024px){#clients{width:70%}}.containerx a{color:#000}.containerx a:hover{color:#f7c51e}.more-details{width:50%}#fixed-nav{transition:background-color .3s;font-weight:400;font-family:Arial,Helvetica,sans-serif}#fixed-nav.scrolled{background-color:rgba(0,0,0,.8)}#fixed-nav .nav-link{color:#fff;transition:color .3s,font-weight .3s}#fixed-nav .nav-link:hover{background-color:#fff;border-radius:10px;color:#000;font-weight:300;transition:.5s}.navbar{background-color:#000}.navbar-toggler{position:absolute;top:10px;right:10px;padding:.4rem;z-index:2;background-color:#fff;border-radius:5px}.navbar-toggler-icon{width:30px;height:3px;background-color:#fff;position:relative}.navbar-toggler-icon::after,.navbar-toggler-icon::before{content:'';width:30px;height:3px;position:absolute;left:0}.navbar-toggler-icon::before{top:-10px}.navbar-toggler-icon::after{bottom:-10px}#ks-small,#ks-transparent{max-width:500px;height:auto;margin-right:10px}@media (max-width:992px){#ks-small{display:block}#ks-transparent{width:350px}.navbar-toggler{top:10px;right:10px}.navbar-nav .nav-link{padding:10px;text-align:center;font-size:1rem}}@media (max-width:576px){#ks-transparent{display:none}#ks-small{display:block;width:225px}.navbar-toggler{top:8px;right:8px;padding:.4rem}.navbar-nav .nav-link{padding:8px;font-size:.85rem}}@media (orientation:landscape) and (max-height:820px){#ks-small{display:none!important}#ks-transparent{display:block!important;width:450px}.navbar-toggler{top:5px;right:5px;padding:.3rem}} h2,p {
font-family: Verdana, Geneva, Tahoma, sans-serif;}
#brandname {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2rem; /* Default for large screens */
}

@media screen and (max-width: 1200px) {
    #brandname {
        font-size: 1.8rem; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #brandname {
        font-size: 1.6rem; /* Medium screens like tablets */
    }
}

@media screen and (max-width: 768px) {
    #brandname {
        font-size: 1.4rem; /* Small screens like large smartphones */
    }
}

@media screen and (max-width: 576px) {
    #brandname {
        font-size: 1.2rem; /* Extra small screens */
    }
}

@media (orientation: landscape) and (max-width: 576px) {
    #brandname {
        font-size: 1.4rem; /* Adjust for landscape orientation on small screens */
    }
}

/* Navbar and Logo Styles */
#nav-logo-image {
    max-width: 550px; /* Default max width for larger screens */
    height: auto;
    margin-right: 10px;
    transition: width 0.3s ease;
}

@media screen and (max-width: 1368px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

/* Responsive styling for the navbar logo */
@media screen and (max-width: 1366px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 1200px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #nav-logo-image {
        max-width: 480px; /* Even smaller for tablet-sized screens */
    }
}

@media screen and (max-width: 768px) {
    #nav-logo-image {
        max-width: 480px; /* Smaller on small screens */
    }
}

@media screen and (max-width: 576px) {
    #nav-logo-image {
        max-width: 280px; /* Further reduced size for smaller devices */
    }
}

@media (orientation: landscape) and (max-height: 820px) {
    #nav-logo-image {
        max-width: 50%; /* Ensures proper size in landscape mode */
    }
}